<template>
	<view class="statement" :style="{'background':bgcolor}">
		<view class="title">
			妙妈管家业务说明
		</view>
		<view class="content" v-if="current ==0">
			<view class="name">
				权益名称
			</view>
			<text>妙妈联合会员权益（优享版）</text>
			<text>享黄金会员8折优惠，首单立减21元，第二单立减15元</text>
			<view class="name">
				产品权益内容
			</view>
			<text>①日常保洁：每月享8折日常保洁服务，3小时起订，不限次数；</text>
			<text>②油烟机清洁：每月享8折油烟机清洗服务，包括中式油烟机、侧吸式油烟机、欧式油烟机，此服务为免拆洗，如需拆洗服务，可在下单预约后，家政人员与您确认订单时再修改。</text>
			<text>③冰箱清洁：每月享8折冰箱清洁服务，包括单/双开门冰箱、三开门冰箱、对开门/多开门冰箱；</text>
			<text>④专属客服：会员享7*24小时专属4001768987优先服务；</text>
			<view class="name">
				注:
			</view>
			<text>*春节期间，权益平台的家政门店会暂停服务30天，如您在停服期间预约下单，家政工作人员会电话与您另行预约服务时间或暂时取消预约；</text>
			<text>*本权益需与线下家政服务机构确定预约时间及地址，预约前请先查看服务机构是否可服务所在区域，以免造成不必要的麻烦。</text>
			<view class="name">
				产品订购及失效规则
			</view>
			<text>①权益订购后立即生效，同时向订购手机号码下发权益； </text>
			<text>②产品状态查看及使用 用户关注“妙妈管家”微信公众号，点击底部“个人中心”，登录即可在“妙妈会员”中查看权益及使用服务。</text>
			<text>③权益激活及使用 订购成功后可立即使用；在预约订单前请先填写您需要服务的地址信息，选择合适的时间，因家政服务是线下付款，请您确保在阿姨服务完成后向家长公司付款，以免造成不必要的损失。</text>
		</view>
		<view class="content" v-if="current ==1">
			<view class="name">
				权益名称
			</view>
			<text>妙妈联合会员权益（尊享版）</text>
			<text>享黄金会员8折优惠，首单立减18元</text>
			<view class="name">
				产品权益内容
			</view>
			<text>①日常保洁：每月享8折日常保洁服务，3小时起订，不限次数；</text>
			<text>②油烟机清洁：每月享8折油烟机清洗服务，包括中式油烟机、侧吸式油烟机、欧式油烟机，此服务为免拆洗，如需拆洗服务，可在下单预约后，家政人员与您确认订单时再修改。</text>
			<text>③冰箱清洁：每月享8折冰箱清洁服务，包括单/双开门冰箱、三开门冰箱、对开门/多开门冰箱；</text>
			<text>④专属客服：会员享7*24小时专属4001768987优先服务；</text>
			<view class="name">
				注:
			</view>
			<text>*春节期间，权益平台的家政门店会暂停服务30天，如您在停服期间预约下单，家政工作人员会电话与您另行预约服务时间或暂时取消预约；</text>
			<text>*本权益需与线下家政服务机构确定预约时间及地址，预约前请先查看服务机构是否可服务所在区域，以免造成不必要的麻烦。</text>
			<view class="name">
				产品订购及失效规则
			</view>
			<text>①权益订购后立即生效，同时向订购手机号码下发权益； </text>
			<text>②产品状态查看及使用 用户关注“妙妈管家”微信公众号，点击底部“个人中心”，登录即可在“妙妈会员”中查看权益及使用服务。</text>
			<text>③权益激活及使用 订购成功后可立即使用；在预约订单前请先填写您需要服务的地址信息，选择合适的时间，因家政服务是线下付款，请您确保在阿姨服务完成后向家长公司付款，以免造成不必要的损失。</text>
		</view>
		

	</view>
</template>
<script>
	import {
		onShow,
		onLoad
	} from "@dcloudio/uni-app";
</script>
<script setup>
	const current = ref(0)
	const bgcolor = ref('linear-gradient(to bottom,#F1DC9D,#FAEFD1)')
	onShow(() => {

	})
	onLoad((options) => { //获取路由参数
		console.log(options.type)
		console.log(options.type == 0)
		if (options.type) {
			current.value = Number(options.type)

		}


	})
	onReady(() => {
		if (current.value == 0) {
			let two = 'linear-gradient(to bottom,#F1DC9D,#FAEFD1)'
			bgcolor.value = one

		} else{
			let two = 'linear-gradient(to bottom,#F1DC9D,#FAEFD1)'
			bgcolor.value = one

		}
	})
</script>

<style lang="scss">
	.statement {
		width: 100%;
		height: auto;
		overflow-y: scroll;
		padding: 20rpx 30rpx;
		background: linear-gradient(to bottom, #C6D4EE, #DFE5F1);
		box-sizing: border-box;

		.title {
			font-size: 36rpx;
			color: #1F232E;
			font-weight: bold;
			text-align: center;
			line-height: 3;
		}

		.content {
			width: 100%;
			height: auto;
			padding: 20rpx 30rpx;
			box-sizing: border-box;
			background: #fff;
			display: flex;
			flex-direction: column;

			.name {
				font-size: 28rpx;
				color: #1F232E;
				line-height: 1.8;
				font-weight: bold;
			}

			text {
				line-height: 1.5;
				margin-top: 6rpx;
			}
		}


	}
</style>